$(function () {
    // 初始化右侧滚动条
    // 这个方法定义在scroll.js中
    resetui()

    // 为发送按钮绑定鼠标点击事件
$('#btnSend').click(function () {

    const  content = $('#ipt').val().trim()
    console.log(content);
   
    
    $('#talk_list').append(`
            <li class="right_word">
            <img src="img/person02.png" /> <span>${content}</span>
          </li>`)
          $('#ipt').val('')
           resetui()
           getRobot(content)
})

    // 获取聊天机器人发送回来的消息
    //              完整地址: http://ajax-api.itheima.net/api/robot
    //              请求方式： GET
    //              请求参数：spoken     要发给机器人的聊天消息
function getRobot(spoken) {
    $.ajax({
        type:'GET',
        url:'http://ajax-api.itheima.net/api/robot',
        data:{
            spoken
        },
        success({data:{info:{text}}}){
            $('#talk_list').append(`
             <li class="left_word">
            <img src="img/person02.png" /> <span>${text}</span>
          </li>
            `)
             resetui()
             getVoice(text)
        }
    })
    
}
    // 把文字转化为语音进行播放
    //              完整地址: http://ajax-base-api-t.itheima.net/api/synthesize
    //              请求方式： GET
    //              请求参数： text     对应文字(机器人回的话)转语音

function getVoice(text) {
    $.ajax({
        type:'GET',
        url:'http://ajax-base-api-t.itheima.net/api/synthesize ',
        data:{
            text
        },
        success({voiceUrl}){
            $('#voice').prop('src',voiceUrl)
        }

    })
    
}
    // 为文本框绑定 keyup 事件
    $("#ipt").on('keyup',(e)=>{
        if(e.key ==='Enter'){
            $('#btnSend').click()
        }
    })
})
